			* { margin: 0; padding: 0}
					
			body {
				background: #EEE url(../imgs/bg.gif) repeat;
				color: #666;
				font-family: Cambria, serif;
				font-size: 15px;
				font-style: normal;
				font-weight: normal;
				text-transform: normal;
				letter-spacing: normal;
				line-height: 1.4em;Close

			}

			a{ color:#333;text-decoration:none }
			a:visited{ color:#555 }
			
			#outer-container {
				width: 700px;
				padding: 0 20px;
				margin: 0 auto;
				background: url(../imgs/shadow-left.png) left repeat-y, 
							url(../imgs/shadow-right.png) right repeat-y;
			}
			
			#container {
				width: 700;
				background: url(../imgs/container-bg.png) no-repeat white;
				border: solid 1px #666;

			}
			
			#logo {
				position: absolute;
				margin-left: -50px;
				padding-top: 30px;
			}
			
			#logo #tcc {
				height:256px;
				width:256px;
				background: url(../imgs/tcc.png) no-repeat;
			}

			#logo h1 a {
				color: #c6c6c6;
                                text-decoration: none;
			}

			#logo h1 {
				font-weight: bolder;
				font-size: 3em;
				color: #c6c6c6;
				text-shadow: 0 1px 0 #333, 0 1px 2px #333;
				word-spacing: 10px;
				text-align: center;
				margin: 20px auto 0 auto;
				padding-top: 100px;
			}
			
			ul {
				list-style-type: none;
			}
			
			#menu {
				height: 50px;
				position: absolute;
				top: 150px;
				left: 228px;
				
				background: url(../imgs/bbg.png) repeat-x #bebebe;
				border: solid 1px #666;
				padding: 0 20px;
				border-radius: 10px 10px 10px;
				box-shadow: 0px 0px 5px #666;
				color: #666;
				text-shadow: 0 1px 0 white;
				width: 440px;
			}
			
			#menu li {
				display: inline-block;
				line-height: 50px;
				padding: 0 10px;
			}

			#menu li:hover {
				box-shadow: 0px 0px 5px #666;
			}

			#menu li:hover a {
				text-decoration: underline;
			}
			
			#mapa {
				position: relative;
				background: #c3c2c0;
				bottom: 0;
				width: 658px;
				padding: 20px;
				text-shadow: 0 1px 0 white;
				border-top: solid 1px white;
				border-left: solid 1px white;
				border-right: solid 1px white;
				box-shadow: 0 -1px #999;			
			}
			
			#mapa ul {
				display: table;
				margin: 0 auto;
			}
			
			#mapa ul > li {
				display: inline-block;
				margin: 0 10px;
			}
			
			#mapa ul > li > ul > li {
				display: block;
			}
			
			#mapa ul > li > ul > li:hover {
				text-decoration: underline;
			}
			
			#mapa ul > li > ul > li:hover a {
				text-decoration: underline;
			}

			#inner-container {
				margin: 320px 0 0 0;
			}

			#vertical-menu {
				float: right;
				width:150px;
				padding:10px;
			}
			
			#vertical-menu .widget{
				background: #c3c2c0;
				text-shadow: 0 1px 0 white;
				border-left: solid 1px white;
				border-top: solid 1px white;;
				border-bottom: solid 1px #999;
				border-right: solid 1px #999;
				box-shadow: -1px -1px #999;
				width: 140px;
				color: #333;
			}
			
			#vertical-menu img{
				width: 100px;
			}

			#content {
				padding:10px;
				width:500px;
			}

			#content p{
                                paddin-bottom:20px;
                                border-bottom:1px solid black;
				margin:10px 10px 50px 10px;
			}

			#content h2 {
				display:block;
				position: relative;
				background: #777;
				height: 40px;
				padding: 5px;
				background: url(../imgs/under-bevel.png) repeat-x;
				border: solid 1px #999;
				color: #555;
				text-shadow: 0 1px 0 #EEE;
				line-height: 40px;
				border-radius: 3px 3px;
				-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
				-moz-box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
				box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
			}
                        
                        .percent {
				text-shadow: 0 1px 0 white;
				border-left: solid 1px white;
				border-top: solid 1px white;;
				border-bottom: solid 1px #999;
				border-right: solid 1px #999;
				box-shadow: -1px -1px #999,  1px 1px 0px rgba(0,0,0,0.1);
				width: 140px;
				color: #333;
                                height: 20px;
                        }

                        .icon {
                            width:20px;
                        }
                        
                        .botao-download:hover, input[type=submit]:hover {
                            color: #999;
                        }
                        
                        .botao-download, input[type=submit] {
				background: #777;
				padding: 5px;
				background: url(../imgs/under-bevel.png) repeat-x;
				border: solid 1px #999;
				color: #555;
				text-shadow: 0 1px 0 #EEE;
				line-height: 40px;
				border-radius: 3px 3px;
				-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
				-moz-box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
				box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
                        }
                        
                        #twitter_update_list {
                            border-top:1px solid black;
                        }

                        #twitter_update_list li {
                            list-style: none;
                            margin-bottom:10px;
                            border-bottom:1px solid black;
                        }
                        
                        #twitter_update_list li a {
                            color:blue;
                        }
                        
                        #twitter_update_list li a:hover {
                            text-decoration:underline;
                        }
